404页面

更新时间:2024-05-08 09:08

404页面是客户端在浏览网页时,服务器无法正常提供信息,或是服务器无法回应,且不知道原因所返回的页面。据说在第三次科技革命之前,互联网的形态就是一个大型的中央数据库,这个数据库就设置在404房间里面。那时候所有的请求都是由人工手动完成的,如果在数据库中没有找到请求者所需要的文件,或者由于请求者写错了文件编号,用户就会得到一个返回信息:room 404 : file not found。404错误信息通常是在目标页面被更改或移除,或客户端输入页面地址错误后显示的页面,人们也就习惯了用404作为服务器未找到文件的错误代码了。当然实际考证传说中的room 404是不存在的,在http请求3位的返回码中,4开头的代表客户错误,5开头代表服务器端错误。

作用

1.避免出现死链接

网站设置404页面后,如果网站出现死链接,搜索引擎蜘蛛爬行这类网址得到“404”状态回应时,即知道该URL已经失效,便不再索引该网页,并向数据中心反馈将该URL表示的网页从索引数据库中删除。避免因为死链接影响网站收录。

2.提升用户体验

404页面通常为用户访问了网站上不存在或已删除的页面,服务器返回404错误页面,告诉浏览者其所请求的页面不存在或链接错误,同时引导用户使用网站其他页面而不是关闭窗口离开,消除用户的挫败感。

3.避免信任度下降

搜索引擎通过HTTP状态码来识别网页的状态。当搜索引擎获得了一个错误链接时,网站应该返回404状态码,告诉搜索引擎放弃对该链接的索引。而如果返回200或302状态码,搜索引擎就会为该链接建立索引,这导致大量不同的链接指向了相同的网页内容。结果是,搜索引擎对该网站的信任度大幅降低。很多网站存在这个问题:404页面返回的是200或302状态码而不是404状态码。

4.避免被惩罚

有些网站由于应用了一些错误的服务器配置,导致返回的是200状态码或是302状态码,虽然这些状态码对访问网站的用户没有影响,但是却会误导搜索引擎,使搜索引擎认为该页面是有效页面,从而抓取下来。如果404页面过多,就造成了大量的重复页面,很有可能被搜索引擎认为是作弊而遭到惩罚。

错误提示

是WWW网站访问比较经常出现的错误。最常见的出错提示:404 NOT FOUND。404页面就是当用户输入了错误的链接时,返回的页面。

为什么需要404错误页面

搜索引擎蜘蛛在请求某个URL时得到“404”状态回应时,即知道该URL已经失效,便不再索引该网页,并向数据中心反馈将该URL表示的网页从索引数据库中删除,于是就产生了404错误页面。404页面的存在不仅 对于是用户访问网站的一种反馈,而且在搜索引擎中占有重要的地位。

用户的404错误页面体验

用户对于404错误页面的反馈

当用户不小心访问了某一个不存在的页面并且没有设置错误提示时,用户会怎么做?如果是初次到访的访客,那么回头率是多少呢?毫无疑问,会抱怨为何出现错误,之后当然是直接关闭窗口离开。所以设置了404页面也相当于是做了一个针对用户的提示页面,当用户访问了某一个不存在的页面后就会转到404页面,然后因为你在这个404页面上有友好 的提示,并且有首页和主要栏目页的连接,用户就很有可能会再次点击进入你的首页。但是,Web服务器默认的404错误页面,无论是Apache还是IIS,均十分简陋、呆板且对用户不友好,无法给用户提供必要的信息以获取更多线索,无疑这会造成用户的流失。因此,很多网站均使用自定义404错误的方式提供用户体验避免用户流失。一般而言,自定义404页面通用的做法是在页面中放置网站快速导航链接、搜索框以及网页提供的特色服务,这样可以有效的帮助用户访问站点并获取需要的信息。

“峰终定律”在404错误页面用户体验上的运用

无论是布局、色彩还是不断强调的互动,这些用户体验从某种角度 来说是更多的针对感官体验而言的,人的思维是有了感官的刺激之后,马上就会行动。无论如何,所有的下一步行动都与你提供的内容以及提 供内容的方式有关,笔者认为浏览的目的就是要留住用户,对于404错误 页面来说也是一样的。谈到用户体验,就是让用户在浏览网页中一直保持着“兴趣点”,而心理学上的“峰终定律”正好可以解释这一点。“峰终定律”基于潜意识总结体验的特点:对一项事物的体验之 后,所能记住的就只是在峰与终时的体验,而在过程中好与不好体验的比重、好与不好体验的时间长短,对记忆差不多没有影响。404错误页面应该作为页面浏览的一部分,看到“出错”或者“抱歉”页面之类404页面的时候,用户会对网站的信任度迅速降低,有种挫败感。如何有效的 留住用户成为404页面的使命,让用户在体验自定义404页面的时候最大限度的可以和浏览正常网站一样有一个良好的兴趣点。当人们在网页中找到自己的兴趣点的话,那么就达到了我们所说的“峰终定律”的“峰”,网页的浏览是一个从始至终的过程,所以用户操 作页面的体验是一直持续到关闭页面或出现自定义404错误页面进行 导航,于是我们希望用户在出现错误时也有一种良好的体验,404页面的“终”也尽可能成为人们浏览网页的“峰”。

错误原因

原因类型

HTTP 404错误意味着链接指向的网页不存在,即原始网页的URL失效,这种情况经常会发生,很难避免,比如说:网页URL生成规则改变、网页文件更名或移动位置、导入链接拼写错误等,导致原来的URL地址无法访问;当Web 服务器接到类似请求时,会返回一个404 状态码,告诉浏览器要请求的资源并不存在。导致这个错误的原因一般来说,有三种:

1、无法在所请求的端口上访问Web站点。

2、Web服务扩展锁定策略阻止本请求。

3、MIME映射策略阻止本请求。

解决方法

把缺少的网页文件恢复到正确的位置,重新设置网络服务。对于用户来讲,需要检查你所输入的网络地址是否正确。

页面目的

404页面的目的是:告诉浏览者其所请求的页面不存在或链接错误,同时引导用户使用网站其他页面而不是关闭窗口离开。

很多开源系统包括CMS系统、Blog系统等不提供404页面或提供的404页面并未达到SEO的要求,这让网站的权威性大打折扣。

自定义404错误页面在增强用户体验上是很好的做法,但在应用的过程中一般并未注意到对搜索引擎的影响,譬如:服务器端的错误配置导致返回“200”状态码或自定义404错误页面使用Meta Refresh从而导致返回“302”状态码。正确设置的自定义404错误页面,不仅应当能够正确地显示,同时,应该返回“404”错误代码,而不是 “200”或“302”。虽然对访问的用户而言,HTTP状态码究竟是“404”还是“200”来说并没有什么区别,但对于搜索引擎则是相当重要的。

404公益最早源于“NotFound Project”,是由Missing Children Europe和European Federation for Missing and Sexually Exploited Children等公益组织联合发起的一个项目,他们希望利用闲置不用的网络空间发挥公益的力量:让更多人帮忙寻找失踪儿童。在Child Focus(一家专门帮助走失和受到性侵害的儿童公益机构)旗下的网站上,该机构针对这项公益计划发表了一份倡议声明:“欧盟每年都会有上千孩子走失,你可以借助NotFound共享自己的一份力量。你只需要安装我们的应用软件,在你的网站404页面就会自动加载一张走失孩子的照片。让我们一同帮助他们顺利回家吧。”

优化404

搜索引擎通过HTTP状态码来识别网页的状态。当搜索引擎获得了一个错误链接时,网站应该返回404状态码,告诉搜索引擎放弃对该链接的索引。而如果返回200或302状态码,搜索引擎就会为该链接建立索引,这导致大量不同的链接指向了相同的网页内容。结果是,搜索引擎对该网站的信任度大幅降低。很多网站存在这个问题:404页面返回的是200或302状态码而不是404状态码。

对seo的影响

自定义404错误页面是增强用户体验的很好的做法,但在应用过程中往往并未注意到404页面对搜索引擎的影响,譬如:错误的服务器端配置导致返回状态码“200”或自定义404错误页面使用Meta Refresh导致返回“302”状态码。

如何设置

(仅适合Apache服务器)

1、在.htaccess文件中加入代码:ErrorDocument 404 /Error.html;

2、建立一个简单的html404页面命名Error.html;

3、把 Error.html放置在网站根目录;

4、如果碰到困难,参考本站:错误网页、SEO十万个为什么的.htaccess文件。

设置404的好处

1:引导用户不要关闭网站,增强用户体验。

2:防止网站出现死链接。

注意事项

1、不要将404错误直接转向到网站首页,这将导致首页不被收录;

2、/Error.html 前面不要带主域名,否则返回的状态码是302或200状态码;

3、404页面符合网站自身的设计风格,最好能加入网站导航和底部(尤其是网站地图)。

惩罚程度

搜索引擎蜘蛛在请求某个URL时得到“404”状态回应时,即知道该URL已经失效,便不再索引该网页,并向数据中心反馈将该URL表示的网页从索引数据库中删除,当然,删除过程有可能需要很长时间;而当搜索引擎得到“200”状态码时,则会认为该url是有效的,便会去索引,并会将其收录到索引数据库,这样的结果便是这两个不同的url具有完全相同的内容:自定义404错误页面的内容,这会导致出现复制网页问题。轻则被搜索引擎降权,重则会K掉网站。

实现良好

改变服务器默认错误页面就可以达到效果。下面是一些可以使得访客轻松实现正常访问的建议。

遵循的理念

提供简明的问题描述,消除访客的挫败感。

提供合理的解决方案,辅助访客完成访问目标。

提供个性化的友好界面,提升访问体验。

使用指南

实现方式

使得访客转到某个地方而不是后退。

页面包含该站点重要部分的链接,如主页或站点地图。不要仅仅告诉他们检查拼写。使用文本的链接替代图片,因为有许多访客不会想到点击这个图片。

例子:我们的站点有一个主页的返回链接。这是实现友好反馈的最低限度。

此外,我们还会考虑,在有效的帮助信息不足的情况下,如何通过访客的反馈弥补错误。

需要包括一个指向网站管理员的email链接,或者一个用于提交丢失链接的表格。

相对于发送email,访客更喜欢使用提交表格。

加入一个搜索框用于搜索站点。

例:MSN在所有页面的底部都有一个搜索框,同时也链向站点的重要部分。

在站点中列出接近于访客期望页面的链接,用于推测访客正在寻找的页面。

你不需要采纳上述所有的建议,但是这些建议一致服务于使得访客更愿意停留在你的站点的目的。

合理的404错误页面至此即可以完成了,这将给访客提供许多有价值的信息。

404设置方法

1. 对于存在的网页内容由于路径改变而导致访问不了时,可在IIS中定义404错误指向一个动态页面,在页面里面使用301永久重定向跳转到新的地址,此时服务器返回301状态码。

2、设置404指向一个设计好的html文件,此时页面返回的404状态码。idc提供商基本都提供404设置的功能,直接上传文件设置即可。在IIs中设置方法:打开IIS管理器-->点击要设置自定义404的网站的属性-->点击自定义错误选项-->选中404页-->选中并打开编辑属性-->设置成URL--> URL 里填写“/err404.html”-->按确定退出再把做好的err404.html 页面上传到网站根目录下。此处在“消息类型”中一定要选择“文件”或“默认值”,而不要选择“URL”,不然,将导致返回“200”状态码。

4、Apache下设置404错误页面。为Apache Server设置404错误页面的方法很简单,只需在.htaccess文件中加入如下内容即可,ErrorDocument 404 /notfound.php。

404错误页面

404是一个http错误代码,即请求的网页不存在。代码404的第一个“4”代表客户端的错误,如错误的网页位置,后两的数字码则代表着特定的错误讯息。404页面就是当用户输入了错误的链接或访问了一个不存在的地址时返回的页面,目的是告诉浏览者其所请求的页面不存在或链接错误,同时引导用户使用网站其他页面而不是关闭窗口离开。

当我们访问一个网站的时候,如果输入了一个错误的URL地址,或者这个地址的页面已经删除,那么,服务器就会返回一个页面,这个页面就是我们说的404页面。这种情况经常发生,是很难避免。 比如说:网页URL生成规则改变、网页文件更名或移动位置、导入链 接拼写错误等,导致原来的URL地址无法访问;当Web服务器接到类似请求时,会返回一个404状态码,告诉浏览器要请求的资源并不存在。

404错误页面本是网站浏览的一部分,所以它的体验感也时刻与整个网站息息相关,用户看到“抱歉”或“出错”类似的404错误页面,挫败感迅速增加,而信任度反而迅速降低。尽最大可能挽留用户在该网站成为404错误页面的本职使命。

当人们在网页中找到自己的兴趣点的话,那么就达到了我们所说的“峰终定律”的“峰”,网页的浏览是一个从始至终的过程,所以用户操作页面的体验是一直持续到关闭页面或出现自定义404错误页面进行导航,于是笔者希望用户在出现错误时也有一种良好的体验,404页面作为一个网站可能的“终”,希望尽可能降低用户体验负值,而转化成为用户浏览网站的正面体验值,留住用户,增强了网站对于用户的黏性。

国外404错误页面的案例分析

1、Google

Google包涵基本的出错提示和问题描述,简洁的风格一如往常。

2、NOKIA

NOKIA的404页面中随机贴出一张俏皮的图片再加上几个关键的“安慰词”,将用户的紧张感瞬间打消,并立刻在下方给出了解决办法。

此页面的价值:(1)告诉用户所处的环境:出错。(2)告诉用户出错原因。(3)打消用户紧张感。(4)告诉用户该如何解决问题,给出几条途径。(5)留住用户,增加用户黏性。尽管用户不一定能得到满意结果,但是,这个404错误页面的使命已经完成,而且完成得很好。

其它国外优秀的404错误页面案例

一个拥有良好设计的404错误页面可以帮你避免失去用户的信任,潜在地建立你的用户关系并能留住你的用户,使其在浏览你的网站的时间更长。404错误页面用幽默的手法,让用户会心一笑,给错误配上幽默的情节,你还会为404页面的小错误而生气吗?页面设计保留着本站的基础元素,让它看起来是该网站的一部分,使用户在不知所措的时候能够回想起自己并没有离开这个网站。用一种轻松的涂鸦方式,来传达给用户一种放松的心情。消除用户不好的心情,以一种亲近的方式请求原谅。该404错误页面以精致取胜,设计的精良往往会吸引用户驻足,当用户被精致的网页所打动的时候,也不忍心关掉页面。

404页面设计使用实际物体为元素,具有真实感,让用户有种身临其境的感觉。给用户有用的链接,避免过于单调和过于技术性,使用户不知所云(图10)。用丰富的设计把用户拉回来,同时报告错误原因或提供联系方式,尽最大可能减少用户的挫败感,缩减那些枯燥的、毫无用处的信息。增加建议方式让用户跟着你走,利用明确导向将用户导入指定的页面。

国内404错误页面的案例分析

QQ词典用幽默的语言和亲切的贴纸画面打消用户的挫败感,风格有点近似于国外的404页面设计。CSDN页面设计是一些枯燥,毫无用处的信息,给用户造成负担。综上所述,国外对于404页面设计如火如荼,而国内只有少部分关注,或者根本不关注,目前国内的互联网处于成长阶段,404错误页面更是处于学习的过程中。

良好的404错误页面用户体验应该遵循的理念

认知心理学家DonaldA.Norman将人类的行为分解成76个阶段:

1、确定目标。

2、确定意图。

3、明确行动内容。

4、执行。

5、感知外部状态。

6、解释外部状况。

而这76个阶段发生在人类所采取的每一个行动时。笔者将其应用于404错误页面浏览上,七六个步骤就是用户的用户体验的过程,中间任何一点出现问题或者过于滞后,都会影响到用户的体验。要把用户看作崇尚简单的、挑剔的、迟钝的、很忙的,能少键入就少输入,能少点击就少点击,能少思考就少思考;而任何产品则要做个好好先生:做到体贴的、温暖的、宽容的、有安全感的、易理解好沟通。有些时候为不给用户不必要的干扰,很多压力和责任都要后台默默的扛起来。网站的价值是“可以帮助用户完成某项任务,并得到某种体验”,同时网站的设计“百分之一百减一”是在设计导航,404错误页面就是导航用户重新进入网页的导航设计。所以404错误页面不容忽视,它的好坏直接影响到用户对于整个页面浏览过程“峰终”体验。综述以上的案例分析,笔者归纳出良好的404错误页面用户体验应该遵循的理念:(1)整体页面设计时刻保持统一感,即使出错也让用户消除错愕感,了解自己依然在该网站上。(2)提供明确的问题描述,用轻松幽默的话语消除用户的挫败感,减少用户沮丧,使得访客在页面的轻松引导中转到某个地方而不是退出。(3)展示个性化的友好交互界面,提升良好的访问体验。(4)提供恰当的解决方式,辅助用户完成最终的访问目标,不让用户对于404错误页面有恐惧感。

制作404页面

这里分两种情况。

Apache

为Apache Server设置 404错误页面的方法很简单,只需:

(1)在.htaccess文件中加入如下内容:ErrorDocument 404 /notfound.php,将.htaccess文件上传到网站根目录。

(2)制作一个404页面,随便您设计,命名为notfound.php,同样上传到网站根目录。

注意:

(1).切记不要将404错误转向到网站主页,否则可能会出现主页在搜索引擎中消失的情况。

(2).切记不要使用绝对URL,如果使用绝对URL会返回302+200的状态码。

IIS/.net

首先,修改应用程序根目录的设置,打开web.config文件编辑,在其中加入如下内容:

以下为引用的内容:

注:上文例中error.asp为系统默认的404页面,notfound.asp为自定义的404页面,使用时请修改相应文件名。

然后,在自定义的404页面notfound.asp中加入以下为引用的内容:

<% Response.Status = 404 Not Found %>

这样,便可以保证IIS能够正确地返回404状态码

制作注意事项

1.不要将404错误转向到网站主页,否则可能会导致主页在搜索引擎中消失。

2.不要使用绝对URL,如果使用绝对URL返回的状态码是302+200。

3.404页面设置完成,一定要检查是否正确。但http头信息返回的一定要是404状态。这主要是对搜索引擎有关系,因为如果你网站产生较多页面时候但搜索引擎看到的是很多一样的正常页面,有可能会误被认为作弊。

4.404页面不要自动跳转,让用户来决定去向。这涉及到404页面的制作,提供用户体验很重要,404页面制作很有学问。

改进404的13个建议

1、不使用专业术语

“404错误”这个词的使用一直非常规范,但这并不是你使用专业术语吓跑访客的理由。“找不到网页”这个说法相比来说更准确也更易于接受。

2、不要责备访客

你的访客很有可能是从其他网站链接或者是你网站上一个旧链接而来。看到这个错误页面并不是他们的错,所以要善待他们。撰写的措辞要充满歉意并尽量提供有益的帮助,而不是一些让访客们感到糟糕的文字。

3、提示访客检查拼写

还有一个可能:访客看到404错误页面是由于他们自己在输入URL网址时出现了拼写错误。提示访客检查他们的拼写,但不要失礼。就像我们在上面提到的,你的措辞不要让访客们感到你是在责备他们。

4、让页面返回404

每个网页都有一个服务器响应代码。 代码200是指页面一切正常,404则是指页面无法被找到。如果你已经指定了自定义的404错误页面,则需要确保页面的标题是返回正确的响应代码。有几种不同的方法可以做到这一点,最简单的就是用你的htaccess文件来指定错误页面。

5、明确表明404

清楚地向访客声明他们正在搜寻的页面无法找到,且不要让错误页面看起来与正常的内容页(如加入过多的文本和链接)太过相似。你是想要表明这是一个错误页面,所以就不要羞于向访客们声明这一点。

6、帮助访客

404错误页面已经呈现在访客面前,表明这个页面并不是他们正在搜寻的。所以你应该设法帮助他们找到原来的页面。确保你的错误页中包含一个选项来协助用户寻找他们想要的页面,甚至可以包括有过更改的页面的链接。

7、放置网站主页链接

不要让访客无处可去或是无法找到你的网站信息。至少应该有一个链接链回你的网站主页。这样一来,从其他网站链接而来的访客就可以了解你以及你的网站,甚至他们可能在你的网站中找到一些他们喜欢的内容。

8、访客方便反馈信息

如果访问者点击了你网站上的一个错误链接,你会想了解这个链接故障。如果通过404页面给他们提供一个反馈信息的便捷方式,让他们可以报告这个故障以便你去解决。这只需要一个非常简短的形式来提示访客告诉你他们来自哪个页面及哪个链接。通过这个方法,你可以获取到所有你需要的信息。

访客们可能依然因为无法找到他们想要的页面而感到困惑和烦恼,因此给他们一个发泄不满的地方,同时也给你一个做出回应并提供帮助的机会。这很可能会为你挽回一个潜在客户。

9、保持品牌风格

我们都看过非常酷的“让访客发现一个巨大的“复活节蛋”“的错误页面的设计案例。但千万不要使这个页面的设计与你网站的其他页面相差太大,否则会看起来这个页面不像你网站的设计,会让访客产生疑惑,误以为自己已经被带到了一个外部网站。

10、语言版本

如果你的网站是多语种的,404错误页面将从你所有语言版本的网站中获取错误信息。无论你想要显示任何信息,都需要将其翻译成各个语言版本,使每个人都能理解。同时还需提供一个链接返回到访客所对应的语言版本的网站。

11、让访客搜索想要的

如果访客正在访问的页面已被移动,你可能想给他们一个途径来搜索页面被移动到了何处,可以考虑在页面增加一个搜索框。

12、修复你的无效链接

如果你得到的数据显示有大量的访客访问您的404页面(检查你的网站的分析数据来确定数量),这表明你的网站上有很多无效链接。你完全可以通过修复这些链接来阻止访客进入404页面。像SiteBeam和Nibbler这样的网站测试工具可以帮助检查是否有无效链接,使你能够迅速找到并修复他们而不必等待别人来告诉你。

13、不要重定向到主页

一些404错误页面会立刻重定向到网站主页,这样做非常不好。你的访客不知道他们已经链接到了错误的页面,而且他们会感到困惑因为被无缘无故地链回到了网站主页。

公益广告

这是百度发起的一项名为“百度正能量之寻亲行动”的活动,将网页搜索的404页面展示为24个已被解救孩子的信息,帮他们寻找父母。404页面是当用户请求的页面不存在、链接错误或具有攻击性时产生的提示页面。百度这一举措相当于推出了一个巨大的公益寻人平台。

此外,百度还设置了活动专题页,并提供阿拉丁展示位,同时向中华社会救助基金会捐赠10万元专项善款,作为孩子回家的路费。据了解,百度在活动专题页及404页面都设置了分享功能,号召更多网友参与,一起帮孩子们找父母。

对于百度此次创新,中国计算机常务理事潘柱廷给予了极高的评价:“这次百度404页面变身公益广告,是百度利用自身的技术和平台优势做创新型公益,有着巨大的社会价值和借鉴意义。”

百度此次行动有力的支持了邓飞等人发起的“帮孩子回家春节特别行动”。邓飞表示:“大家在百度搜索帮24个孩子回家、百度404公益等,第一个搜索结果即专题页面。百度给活动提供了诸多便利,感谢百度的支持。”

从百度公益一小时、温暖搜索框到百度公益开放平台、防盗链图公益广告,再到这一次的404页面变身公益广告,百度围绕产品进行的创新层出不穷。百度的每一项创新,或给网友带来巨大欢乐,或给社会创造更大价值,让人感觉到百度工程师文化的活力。

创意鉴赏

创意404页面在前几年就比较流行了,后来好像更受人喜爱,设计一个独特的404页面也可以让游客驻足观赏,也能让他们对网站产生好感,连404页面都做的这么精致,网站的东西肯定也不错了。

免责声明
隐私政策
用户协议
目录 22
0{{catalogNumber[index]}}. {{item.title}}
{{item.title}}